<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >

        <title>SnC Solution - Creative Agency </title>
        <meta name="description" content="SnC Solution, Web Design, Web Development">
        <meta name="author" content="Kevin Nguyen, web designer">

        <meta name="viewport" content="width=device-width,initial-scale=1">
        <link rel="shortcut icon" type="image/png" href="images/favicon.png" />

        <!-- CSS -->
        <link rel="stylesheet" href="<?php echo $template; ?>/css/style.css">

        <!-- end CSS-->

        <script src="<?php echo $template; ?>/js/libs/modernizr-2.0.6.min.js"></script>
       
    </head>

    <body>
        <header id="sncHeader">
            <div class="wrapper">
                <a href="/"><img src="<?php echo $template; ?>/images/logo.png" alt="" title="" /></a>
                <?php $this->pos("rightBar"); ?>
            </div>
        </header>
        <div	id="home" class="wrapper padBottom">
            <h5>Willkommen bei SnC Solution </h5>
            <p class="homeText">
                <span class="redText"> Einfachheit</span> und <span class="redText">Kreativit&auml;t</span> sind unser Working Style. Es geht nicht nur um die Erstellung einer Webseite, sondern
                auch ein tolles Erlebniss f&uuml;r unsere Kunden.
            </p>
            <div id="homeBtn">
                <a href="#about"><img src="<?php echo $template; ?>/images/aboutBtn.png" alt="" title="" /></a>
                <a href="#portfolio"><img src="<?php echo $template; ?>/images/portfolioBtn.png" alt="" title="" /></a>
            </div>
        </div>
        <!--End Home -->
        <div	id="about" class="wrapper padBottom">
            <h4>&Uuml;ber uns </h4>
            <p>
                SnC Solution ist eine junge IT Agentur in Hannover, Deutschland. <br/><br/>

                Gegr&uuml;ndet im Jahr 2010, nach einem Jahr haben wir sehr viele tolle Erfahrungen von verschiedenen Kunden und Firmen
                gesammelt.
               	<br/><br/>

                Unsere Motto ist Simple & Creavtive. <br/>
                Wir versuchen immer die einfachsten und besten L&ouml;sungen f&uuml;r unsere Kunden zu finden,die die Anforderungen von Kunden erf&uuml;llen.
                
                <br/><br/>

                Wir sind ein professionelles und engagiertes Team. Jedes Mitglied ist verantwortlich f&uuml;r ihre Arbeit, deswegen sind alle unsere Kunden mit unsere L&ouml;sung zufrieden. 
                <br/><br/>

                
            </p>
            
            <div id="kevinAvatar">
                <a class="kevinColor contactBtn" href="#contact"><img class="avatar" src="<?php echo $template; ?>/images/kevinBW.png" alt="" title="" /></a>
                <div class="avatarTop">
                    <span class="tondo">Kevin Nguyen</span><br/><br/>
                    Gesch&auml;ftsf&uuml;hrer <br/><br/><br/>
                    <a href="#contact"><img src="<?php echo $template; ?>/images/contact.png" alt="" title="" /></a>
                </div>
            </div>
            <div id="vuAvatar">
                <a class="vuColor contactBtn" href="#contact"><img class="avatar" src="<?php echo $template; ?>/images/vuBW.png" alt="" title=""  /></a>
                <div class="avatarTop">
                    <span class="tondo">Toan Vu</span><br/><br/>
                    Gesch&auml;ftsf&uuml;hrer <br/><br/><br/>
                    <a href="#contact"><img src="<?php echo $template; ?>/images/contact.png" alt="" title="" /></a>
                </div>
            </div>
			<div id="buiAvatar">
			    <a class="buiColor contactBtn" href="#contact"><img class="avatar" src="<?php echo $template; ?>/images/buiBW.png" alt="" title="" /></a>
			    <div class="avatarTop">
			        <span class="tondo">Thanh Duc Bui</span><br/><br/>
			        Softwareentwickler<br/><br/><br/>
			        <a href="#contact"><img src="<?php echo $template; ?>/images/contact.png" alt="" title="" /></a>
			    </div>
			</div>
			<div id="tranAvatar">
			    <a class="tranColor contactBtn" href="#contact"><img class="avatar" src="<?php echo $template; ?>/images/tranBW.png" alt="" title=""  /></a>
			    <div class="avatarTop">
			        <span class="tondo">Son Tran</span><br/><br/>
			        Marketing<br/><br/><br/>
			        <a href="#contact"><img src="<?php echo $template; ?>/images/contact.png" alt="" title="" /></a>
			    </div>
			</div>
        </div>
        <!--End About -->
        <div	id="portfolio" class="wrapper">
            <h4>Portfolio</h4>
            <div id="slider" class="padTop">
                <div class="slides_container">
                    <div id="lernraum24" >
                        <li class="slideshow">
                            <img src="<?php echo $template; ?>/images/lernraum24/1.png" alt="" title="" align="left"/>
                          <!-- <img src="<?php echo $template; ?>/images/lernraum24/1.png" alt="" title="" align="left"/>
                           <img src="<?php echo $template; ?>/images/lernraum24/1.png" alt="" title="" align="left"/>
                          <img src="<?php echo $template; ?>/images/lernraum24/1.png" alt="" title="" align="left"/>
                          <img src="<?php echo $template; ?>/images/lernraum24/1.png" alt="" title="" align="left"/>-->
                        </li>

                        <span class="bigText">Lernraum 24</span><br/><br/><br/><br/>
                        Projekt Beschreibung  : Lernraum24 ist ein innovatives online Portal zur Potential- und Kommunikationsf&ouml;rderung f&uuml;r alle Schulformen. <br/><br/>

                        Unsere Arbeit : Entwickeln und Pflegen<br/><br/>

                        Technikanwendung :  Zend Framework, jQuery<br/><br/>
                    </div>

                </div>
                <a class="prevHover prev" href="#"><img class="prevNext" src="<?php echo $template; ?>/images/prev.png" alt="" title="" /></a>
                <a class="nextHover next" href="#"><img class="prevNext" src="<?php echo $template; ?>/images/next.png" alt="" title="" /> </a>

            </div>


        </div>
        <!--End Portfolio -->
        <div	id="services" class="wrapper">
            <h4>Services</h4><br/><br/>
            <div id="servicesImg">
            	<a href="#designContent" class="designColor"><img class="servicesBW" src="<?php echo $template; ?>/images/services/designBW.png" alt="" tittle="" /></a>
            	<a href="#developmentContent" class="developmentColor"><img class="servicesBW" src="<?php echo $template; ?>/images/services/developmentBW.png" alt="" tittle=""/></a>
            	<a href="#seoContent" class="seoColor"><img class="servicesBW" src="<?php echo $template; ?>/images/services/seoBW.png" alt="" tittle=""/></a>
            	<a href="#cmsContent" class="cmsColor"><img class="servicesBW" src="<?php echo $template; ?>/images/services/cmsBW.png" alt="" tittle=""/></a>
            	<a href="#ecommerceContent" class="ecommerceColor"><img class="servicesBW"  src="<?php echo $template; ?>/images/services/ecommerceBW.png" alt="" tittle="" /></a>
            </div>
            <div id="servicesContent">
            	<div id="designContent">
            		<h4> Design </h4><br/>
            	
            			-	Website design<br/>
            			- 	Logo design<br/>
            			-	Temples f&uuml;r Joomla/ Wordpress / Drupal<br/>
            			-	Icon design<br/>
            		
            	</div>
            	<div id="developmentContent">
            		<h4> Development</h4><br/>
            		
            			-	Website entwickeln<br/>
            			- 	Applikation entwickeln<br/>
            			-	Mobile-Apps entwickeln (Android/ iOS/)<br/>
              		            	
            	</div>
            	<div id="seoContent">
            		<h4>SEO / SEM</h4><br/>
            		
            			-	Suchmaschine Optimierung<br/>
            			- 	Suchmaschine Marketing<br/>
            			-	Sozial Marketing<br/>
            		
            	
            	</div>
            	<div id="cmsContent">
            		<h4>Content Management System</h4><br/>
            		
            			-	Joomla/ Wordpress/ Drupal individualisieren<br/>
            			- 	Unsere CMS nach Bedarf<br/>
            			- 	IT-L&ouml;sung Beraten<br/>
            			
            		
            		
            	</div>
            	<div id="ecommerceContent">
            		<h4>E-Commerce</h4><br/>
            		
            			-	VirtueMart installieren und konfigurieren<br/>
            			- 	Unsere E-Commerce L&ouml;sung nach Bedarf<br/>
            			
            		
            		
            	</div>
            	
            </div>
        </div>
        <!--End Services -->

        <div	id="contact"  class="wrapper padBottom">
            <?php echo $this->pos("bottom"); ?>
        </div>

        <!--End Contact -->
        <div	id="impressum" class="wrapper padBottom">
            <h4>Impressum</h4>
        </div>
        <!--End Impressum -->

        <div id="footer" >
            <div class="wrapper">
                <h5> Copyright &copy; 2011 <a href="/">SnC Solution</a> | All Rights Reserved</h5>

            </div>
        </div>
		<!-- Pop Up-->
		          
		<div id="popup">
			<div id="popup-content">
				
			</div>
			<div class="popup-close">
			</div>
		</div>
				
		<!-- End Pop Up -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="<?php echo $template; ?>/js/libs/jquery-1.6.2.min.js"><\/script>')</script>
		 <script type="text/javascript" src="<?php echo $template;?>/js/mylibs/popup.js"></script>
            
        <script type="text/javascript" src="<?php echo $template; ?>/js/mylibs/jquery.hoverColor.js"></script>
        <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
        <script src="<?php echo $template; ?>/js/mylibs/jquery.slides.js" type="text/javascript"></script>
        <script src="<?php echo $template; ?>/js/mylibs/siteeffect.js" type="text/javascript"></script>

        <!-- scripts concatenated and minified via ant build script-->
        <script defer src="<?php echo $template; ?>/js/plugins.js"></script>
        <script defer src="<?php echo $template; ?>/js/script.js"></script>
        <!-- end scripts-->


        <script> // Change UA-XXXXX-X to be your site's ID
            window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']];
            Modernizr.load({
                load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
            });
        </script>


        <!--[if lt IE 7 ]>
          <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
          <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
        <![endif]-->
        <script>
            QueryLoader.init();
        </script>
    </body>
</html>
